<template>
  <div>
    <input type="text" v-model="method" />
    <!-- <p>{{ method }}</p> -->
  </div>
</template>

<script>
// 目标：我们可否给计算属性赋值 v-model
// 答案：简化写法是不能的
//  computed: {
//     ‘计算属性名’ () {
//       return ’值‘
//     }
//   }


// 计算属性完整写法
// computed:{
//   '计算属性名'：{
//     set(val){}当有人给此计算属性赋值时，set方法触发，val变量就是接到的要被赋予的值
//     get(){return ’值‘}当有地方使用此计算属性值是，get方法被触发，return值给使用的地方显示
//   }
// }

export default {

  computed: {
    // method () {
    //   return 'hhhh'
    // }//这样简化写法是不可以双向绑定的
    method: {
      set (val) {
        console.log(123)
      },
      get () {
        return 'hhhh'
      }
    }
  }
}
</script>